<template>
<div class="layerRtb layerRtb-threecolumn layerRtb-right">
    <three-title :title="{name: preName}" :close="false">
        <span tag="i" class="rig_close fr" @click="$parent.$parent.fourClick()"></span>
    </three-title>
    <div class="layerRtb-scroll thinScroll" v-scrollHeight = "10" v-if="fourIndex == 1">
        <div class="analyItem">
            <p class="analyItemTit tx-center">学历</p>
            <div class="analyItemCon">
                <p class="col-md-12">
                    <span class="col-md-2"><input type="button" @click="clickPress(1)" :class="clickIndex == 1 ? 'uiBtn-blue':'' " value="本科" class="uiBtn-normal uiBtn-gray"></span>
                    <span class="col-md-2"><input type="button" @click="clickPress(2)" :class="clickIndex == 2 ? 'uiBtn-blue':'' " value="专科" class="uiBtn-normal uiBtn-gray"></span>
                    <span class="col-md-2"><input type="button" @click="clickPress(3)" :class="clickIndex == 3 ? 'uiBtn-blue':'' " value="中专" class="uiBtn-normal uiBtn-gray"></span>
                    <span class="col-md-2"><input type="button" @click="clickPress(4)" :class="clickIndex == 4 ? 'uiBtn-blue':'' " value="高中" class="uiBtn-normal uiBtn-gray"></span>
                    <span class="col-md-2"><input type="button" @click="clickPress(5)" :class="clickIndex == 5 ? 'uiBtn-blue':'' " value="其他" class="uiBtn-normal uiBtn-gray"></span>
                </p>
            </div>
        </div>
      <div class="analyItem">
            <p class="analyItemTit tx-center">专业</p>
            <div class="analyItemCon">
                <div class="dis-il-block imgbox">
                    <img class="edit_img" @click="climenerfin()" v-if="editindex == 0" src="../../Resources/img/edit_img.png" data-type="1" style="display: inline;">
                    <img class="save_img" @click="climenparmes(1)" v-if="editindex == 1" src="../../Resources/img/save_img.png" >
                    <img class="goback_img"  @click="climenparmes(2)" v-if="editindex == 1" src="../../Resources/img/goback_img.png">
                </div>
                <p class="col-md-12" v-if="editindex == 0">
                    <span>{{zhuanye}}</span>
                </p>
                <p class="col-md-12" v-if="editindex == 1">
                    <input type="text" v-model="zhuanye"/>
                </p>
            </div>
        </div>
              <div class="analyItem">
            <p class="analyItemTit tx-center">上传图片</p>
            <div class="analyItemCon">
                <rx-viewer :images="imgData" class="fl ml10">
                    <div class="clearfix">
                        <div v-for="(item, index) of imgData" :key="index" class="fl mr10">
                            <img :src="item | smallImg(78, 78)" :alt="index">
                        </div>
                    </div>
                </rx-viewer>
                <rx-upload
                    class="fl"
                    :data="{id: 11}" :init="{class: 1, mime: 1}"
                    :elStyle="{width:'90px', height: '80px'}"
                    @success="successUpload">
                    <div class="fl uiImgUpload uiImgUpload-gblock mr10">
                        <a href="javascript:">
                            <span type="file" value="" class="file"></span>
                            <em class="bgIcon file-ico"></em>
                        </a>
                    </div>
                </rx-upload>
            </div>
        </div>

        <div class="analyItem">
            <p class="analyItemTit tx-center">备注</p>
            <div class="analyItemCon">
                <div class="col-md-12">
                     <textarea  class="wisedf" style="width: 100%;"></textarea>
                </div>
            </div>
        </div>
    </div>
    <div class="layerRtb-scroll thinScroll" v-scrollHeight = "10" v-if="fourIndex == 2">
        <div class="analyItem">
            <p class="analyItemTit tx-center">人品</p>
            <div class="analyItemCon">
                 <p class="col-md-2" title="待人诚恳，能宽容，不刻薄">
                     <el-checkbox v-model="checked">厚道</el-checkbox>
                </p>
                <p class="col-md-2" title="讲究言必行，信必果">
                    <el-checkbox v-model="checked">守信</el-checkbox>
                </p>
                <p class="col-md-2" title="有容乃大容纳不同的想法">
                    <el-checkbox v-model="checked">格局</el-checkbox>
                </p>
                <p class="col-md-2" title="实事求是，绝不可弄虚作假">
                    <el-checkbox v-model="checked">务实</el-checkbox>
                </p>
                <p class="col-md-2" title="虚心请假，不恃才傲物">
                    <el-checkbox v-model="checked">谦虚</el-checkbox>
                </p>
                <p class="col-md-2" title="坚持真理，遇到问题要有自己的见解">
                    <el-checkbox v-model="checked">原则</el-checkbox>
                </p>
                <p class="col-md-2" title="认准的事，千方百计把它完成好">
                    <el-checkbox v-model="checked">执着</el-checkbox>
                </p>
            </div>
        </div>
        <div class="analyItem">
            <p class="analyItemTit tx-center">管品</p>
            <div class="analyItemCon">
                <p class="col-md-2">
                    <el-checkbox v-model="checked">原则性</el-checkbox>
                </p>
                <p class="col-md-2">
                    <el-checkbox v-model="checked">责任心</el-checkbox>
                </p>
                <p class="col-md-2">
                    <el-checkbox v-model="checked">团队意识</el-checkbox>
                </p>
                <p class="col-md-2">
                    <el-checkbox v-model="checked">人格魅力</el-checkbox>
                </p>
            </div>
        </div>
        <div class="analyItem">
            <p class="analyItemTit tx-center">备注</p>
            <div class="analyItemCon">
                <div class="col-md-12">
                     <textarea  class="wisedf" style="width: 100%;"></textarea>
                </div>
            </div>
        </div>

    </div>
    <div class="layerRtb-scroll thinScroll" v-scrollHeight = "10" v-if="fourIndex == 3">
        <div class="analyItem">
            <p class="analyItemTit tx-center">性格</p>
            <div class="analyItemCon">
                 <p class="col-md-2" >
                     <el-checkbox v-model="checked">谨慎</el-checkbox>
                </p>
                <p class="col-md-2" >
                    <el-checkbox v-model="checked">理性</el-checkbox>
                </p>
                <p class="col-md-2" >
                    <el-checkbox v-model="checked">粗糙</el-checkbox>
                </p>
                <p class="col-md-2">
                    <el-checkbox v-model="checked">随和</el-checkbox>
                </p>
                  <p class="col-md-3" >
                    <el-checkbox v-model="checked">活跃</el-checkbox>
                </p>
                <p class="col-md-2" >
                    <el-checkbox v-model="checked">开朗</el-checkbox>
                </p>
                 <p class="col-md-2" >
                     <el-checkbox v-model="checked">感性</el-checkbox>
                </p>
                <p class="col-md-2" >
                    <el-checkbox v-model="checked">细致</el-checkbox>
                </p>

                 <p class="col-md-2">
                    <el-checkbox v-model="checked">敏感</el-checkbox>
                </p>
                <p class="col-md-2" >
                    <el-checkbox v-model="checked">稳重</el-checkbox>
                </p>
            </div>
        </div>
        <div class="analyItem">
            <p class="analyItemTit tx-center">备注</p>
            <div class="analyItemCon">
                <div class="col-md-12">
                     <textarea  class="wisedf" style="width: 100%;"></textarea>
                </div>
            </div>
        </div>

    </div>
     <div class="layerRtb-scroll thinScroll" v-scrollHeight = "10" v-if="fourIndex == 4">
        <div class="analyItem">
            <p class="analyItemTit tx-center">逻辑</p>
            <div class="analyItemCon">
                 <p class="col-md-2" title="对事物加以分析，从中抽象出共同的属性或特征加以归纳">
                     <el-checkbox v-model="checked">分析性</el-checkbox>
                </p>
                <p class="col-md-2" title="凭借知识、经验对客观事物进行的间接的反应">
                    <el-checkbox v-model="checked">逻辑</el-checkbox>
                </p>
                <p class="col-md-2" title="能够适应迫切的情况来积极地思维，周密地考虑，正确地判断和迅速地作出结">
                    <el-checkbox v-model="checked">敏捷性</el-checkbox>
                </p>
            </div>
        </div>
        <div class="analyItem">
            <p class="analyItemTit tx-center">管理</p>
            <div class="analyItemCon">
                <p class="col-md-2" title="凭借知识、经验对客观事物进行的间接的反应">
                    <el-checkbox v-model="checked">理论性</el-checkbox>
                </p>
                 <p class="col-md-2" title="善于深入地思考问题，抓住事物的规律和本质，预见事物的发展进程">
                     <el-checkbox v-model="checked">深究性</el-checkbox>
                </p>
                <p class="col-md-2" title="从不同角度、方向、方面，能用多种方法来解决问题">
                    <el-checkbox v-model="checked">灵活性</el-checkbox>
                </p>
                <p class="col-md-2" title="独立思考创造出有价值的、具有新颖性成分的产物">
                    <el-checkbox v-model="checked">创新性</el-checkbox>
                </p>
                <p class="col-md-2" title="善于严格地估计信息和精细地检查过程的品质">
                    <el-checkbox v-model="checked">严谨性</el-checkbox>
                </p>
            </div>
        </div>
        <div class="analyItem">
            <p class="analyItemTit tx-center">备注</p>
            <div class="analyItemCon">
                <div class="col-md-12">
                     <textarea  class="wisedf" style="width: 100%;"></textarea>
                </div>
            </div>
        </div>
    </div>
    <div class="layerRtb-scroll thinScroll" v-scrollHeight = "10" v-if="fourIndex == 5">
        <div class="analyItem">
            <p class="analyItemTit tx-center">业能</p>
            <div class="analyItemCon">
                <p class="col-md-6">行业经验：5年
                </p>
                <p class="col-md-6" >从事类型：办公  餐饮  商业   酒店
                </p>
            </div>
        </div>
        <div class="analyItem">
            <p class="analyItemTit tx-center">管能</p>
            <div class="analyItemCon">
                <p class="col-md-3">
                    <el-checkbox v-model="checked">组织</el-checkbox>
                </p>
                <p class="col-md-3">
                    <el-checkbox v-model="checked">协调</el-checkbox>
                </p>
                <p class="col-md-3">
                     <el-checkbox v-model="checked">决策</el-checkbox>
                </p>
                <p class="col-md-3">
                    <el-checkbox v-model="checked">沟通</el-checkbox>
                </p>
                    <p class="col-md-6">
                                施工能力： 有效竣工额100万
                </p>
                    <p class="col-md-6">
                   团队人数： 10人
                </p>

                <div class="col-md-12 mt10">
                      备注：  <textarea  class="wisedf" style="width: 100%;"></textarea>
                </div>
            </div>
        </div>
    </div>
        <div class="layerRtb-scroll thinScroll" v-scrollHeight = "10" v-if="fourIndex == 6">
        <div class="analyItem">
            <p class="analyItemTit tx-center">团队</p>
            <div class="analyItemCon">
                    <p class="col-md-12">
                        <span class="cLightGray pr8">标准</span>
                        <span>10人以上</span>
                    </p>
            </div>
        </div>
        <div class="analyItem">
            <p class="analyItemTit tx-center">案例</p>
            <div class="analyItemCon">
                    <p class="col-md-12">
                        <span class="cLightGray pr8">标准</span>
                        <span>2个</span>
                    </p>
            </div>
        </div>
         <div class="analyItem">
            <p class="analyItemTit tx-center">保证金</p>
            <div class="analyItemCon">
                    <p class="col-md-12">
                        <span class="cLightGray pr8">标准</span>
                        <span>10000</span>
                    </p>
            </div>
             </div>
             <div class="analyItem">
            <p class="analyItemTit tx-center">专业</p>
            <div class="analyItemCon">
                    <p class="col-md-3">
                        <span class="cLightGray pr8">咨询</span>
                        <span></span>
                    </p>
                      <p class="col-md-3">
                        <span class="cLightGray pr8">认知</span>
                        <span></span>
                    </p>
                      <p class="col-md-3">
                        <span class="cLightGray pr8">考察</span>
                        <span></span>
                    </p>
                      <p class="col-md-3">
                        <span class="cLightGray pr8">签约</span>
                        <span></span>
                    </p>
            </div>
             </div>
             <div class="analyItem">
            <p class="analyItemTit tx-center">资料</p>
            <div class="analyItemCon">
                    <p class="col-md-4">
                        <span class="cLightGray pr8">艺术照</span>
                        <span></span>
                    </p>
                    <p class="col-md-4">
                        <span class="cLightGray pr8">证件照</span>
                        <span></span>
                    </p>
                    <p class="col-md-4">
                        <span class="cLightGray pr8">4项协议</span>
                        <span></span>
                    </p>
                    <p class="col-md-4">
                        <span class="cLightGray pr8">平台协议</span>
                        <span></span>
                    </p>
                    <p class="col-md-4">
                        <span class="cLightGray pr8">身份证</span>
                        <span></span>
                    </p>
                    <p class="col-md-4">
                        <span class="cLightGray pr8">银行卡</span>
                        <span></span>
                    </p>
            </div>
             </div>
    </div>
    <div  class="layerRtb-footer">
        <div class="analyItem">
            <p class="analyItemTit tx-center">综合</p>
            <div class="analyItemCon">
                <div class="tx-center"><input type="button" value="确定" @click="submission()" class="uiBtn-normal uiBtn-blue"></div>
        </div>
    </div>
</div>
</div>
</template>
<script>
import {mapGetters, mapMutations} from 'vuex'
export default {
    components: {

    },
    data () {
        return {
            clickIndex: '',
            editindex: 0,
            surment: '测试',
            preName: '',
            surmentpress: '接单多，特殊工艺',
            zhuanye: '填写我的专业'
        }
    },
    props: ['fourIndex'],
    created () {
        if (this.fourIndex === 1) {
            this.preName = '学历'
        } else if (this.fourIndex === 2) {
            this.preName = '品德'
        } else if (this.fourIndex === 3) {
            this.preName = '性格'
        } else if (this.fourIndex === 4) {
            this.preName = '思维'
        } else if (this.fourIndex === 5) {
            this.preName = '能力'
        } else if (this.fourIndex === 6) {
            this.preName = '标准'
        }
    },
    computed: {
        ...mapGetters(['leftInfo'])
    },
    methods: {
        ...mapMutations({
            setUpdateLeft: 'SET_UPDATE_LEFT',
            setUpdatePlate: 'SET_UPDATE_PLATE'
        }),
        climenerfin () {
            this.editindex = 1
        },
        climenparmes (index) {
            if (index === 2) {
                this.editindex = 0
            } else {

            }
        },
        clickPress (index) {
            this.clickIndex = index
        }
    }
}
</script>
<style>
.uiBtn-blue {
    text-align: center !important;
    background: #09f !important;
    color: #fff !important;
    cursor: pointer;
}
.senversebt{
  width: 87px;
}
.imgbox {
    display: inline-block;
    position: absolute;
    top: 5px;
    right: 5px;
}
</style>
